<!DOCTYPE html>
<html>
	<head>
		<title>index.html</title>
		<link href="css/common.css" rel="stylesheet" type="text/css" media="screen">
		<link href="css/index.css" rel="stylesheet" type="text/css" media="screen">
		<link href="css/ui-slider.css" rel="stylesheet" type="text/css" media="screen">
		<script>
			document.createElement('header');
			document.createElement('nav');
			document.createElement('article');
			document.createElement('section');
			document.createElement('footer');
		</script>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
		<script src="js/ui-slider.min.js"></script>
	</head>
	<body>
		<!-- 头部导航 begin -->
		<header class="header">
			<ul class="ctrl">
				<li>
					<a href="#" hidefocus="true"><img src="images/temp/icon_small.jpg"></a>
				</li>
				<li>
					<a href="#" hidefocus="true">登录
</a>
				</li>
				<li>
					<a href="#" hidefocus="true">退出
</a>
				</li>
			</ul>
			<div class="search">
				<form action="">
					<input type="text" placeholder="请输入搜索内容..." class="search-text">
					<button class="search-btn"></button>
				</form>
			</div>
		</header>
		<!-- 头部导航 end -->
		<!-- 菜单 begin -->
		<nav class="nav">
			<ul>
				<li>
					<a href="/index" hidefocus="true" class="home"></a>
				</li>
				<li>
					<a href="#" hidefocus="true" class="about"></a>
				</li>
				<li>
					<a href="#" hidefocus="true" class="setting"></a>
				</li>
				<li>
					<a href="#" hidefocus="true" class="folder"></a>
				</li>
				<li>
					<a href="#" hidefocus="true" class="contact"></a>
				</li>
			</ul>
		</nav>
		<!-- 菜单 end -->
		<!-- 整体内容 begin -->
		<div class="wrap">
			<div class="index-content">
				<!-- 图片切换 begin -->
				<div class="ui-slider">
					<ul>
						<li>
							<a href="#" hidefocus="true"><img src="images/temp/001.jpg"></a>
						</li>
						<li>
							<a href="#" hidefocus="true"><img src="images/temp/002.jpg"></a>
						</li>
						<li>
							<a href="#" hidefocus="true"><img src="images/temp/003.jpg"></a>
						</li>
					</ul>
				</div>
				<!-- 图片切换 end -->
				<!-- 最受欢迎的舞者 begin -->
				<div class="module popular-module">
					<h3>
						<a href="" hidefocus="true" class="title">最受欢迎的舞者</a>
						<a href="" hidefocus="true" class="more">More.</a>
					</h3>
					<div class="outter-width">
						<ul class="post">
							<li>
								<a href="" hidefocus="true"><img src="images/temp/icon_big_001.jpg" width="200" height="200"></a>
							</li>
						</ul>
						<ul class="post">
							<li>
								<a href="" hidefocus="true"><img src="images/temp/icon_big_002.jpg" width="200" height="200"></a>
							</li>
						</ul>
						<ul class="post">
							<li>
								<a href="" hidefocus="true"><img src="images/temp/icon_big_001.jpg" width="200" height="200"></a>
							</li>
						</ul>
						<ul class="post">
							<li>
								<a href="" hidefocus="true"><img src="images/temp/icon_big_002.jpg" width="200" height="200"></a>
							</li>
						</ul>
						<ul class="post">
							<li>
								<a href="" hidefocus="true"><img src="images/temp/icon_big_001.jpg" width="200" height="200"></a>
							</li>
						</ul>
						<ul class="post">
							<li>
								<a href="" hidefocus="true"><img src="images/temp/icon_big_002.jpg" width="200" height="200"></a>
							</li>
						</ul>
						<ul class="post">
							<li>
								<a href="" hidefocus="true"><img src="images/temp/icon_big_001.jpg" width="200" height="200"></a>
							</li>
						</ul>
						<ul class="post">
							<li>
								<a href="" hidefocus="true"><img src="images/temp/icon_big_002.jpg" width="200" height="200"></a>
							</li>
						</ul>
					</div>
				</div>
				<!-- 最受欢迎的舞者 end -->
				<!-- 最新加入的舞者 begin -->
				<div class="module join-module">
					<h3>
						<a href="" hidefocus="true" class="title">最新加入的舞者</a>
						<a href="" hidefocus="true" class="more">More.</a>
					</h3>
					<div class="outter-width">
						<ul class="post">
							<li>
								<a href="" hidefocus="true"><img src="images/temp/icon_big_001.jpg" width="200" height="200"></a>
							</li>
						</ul>
						<ul class="post">
							<li>
								<a href="" hidefocus="true"><img src="images/temp/icon_big_002.jpg" width="200" height="200"></a>
							</li>
						</ul>
						<ul class="post">
							<li>
								<a href="" hidefocus="true"><img src="images/temp/icon_big_001.jpg" width="200" height="200"></a>
							</li>
						</ul>
						<ul class="post">
							<li>
								<a href="" hidefocus="true"><img src="images/temp/icon_big_002.jpg" width="200" height="200"></a>
							</li>
						</ul>
						<ul class="post">
							<li>
								<a href="" hidefocus="true"><img src="images/temp/icon_big_001.jpg" width="200" height="200"></a>
							</li>
						</ul>
						<ul class="post">
							<li>
								<a href="" hidefocus="true"><img src="images/temp/icon_big_002.jpg" width="200" height="200"></a>
							</li>
						</ul>
						<ul class="post">
							<li>
								<a href="" hidefocus="true"><img src="images/temp/icon_big_001.jpg" width="200" height="200"></a>
							</li>
						</ul>
						<ul class="post">
							<li>
								<a href="" hidefocus="true"><img src="images/temp/icon_big_002.jpg" width="200" height="200"></a>
							</li>
						</ul>
					</div>
				</div>
				<!-- 最新加入的舞者 end -->
			</div>
			<!-- 右侧内容 begin -->
			<div class="padding-30">
				<!-- 最新分享的音乐 begin -->
				<div class="module music-module">
					<h3>
						<a href="" hidefocus="true" class="title">最新分享的音乐</a>
						<a href="" hidefocus="true" class="more">More.</a>
					</h3>
					<ul class="list">
						<li>
							<a href="resources/001.mp3" hidefocus="true">[华尔兹] 春天在哪里?</a>
						</li>
						<li>
							<a href="resources/002.mp4" hidefocus="true">[街舞] 你知道我在等你吗?</a>
						</li>
						<li>
							<a href="resources/003.flv" hidefocus="true">[探戈] 王二小?</a>
						</li>
						<li>
							<a href="" hidefocus="true">[快步] where are you?</a>
						</li>
					</ul>
				</div>
				<!-- 最新分享的音乐 end -->
				<!-- 招聘信息 begin -->
				<div class="module music-module">
					<h3>
						<a href="" hidefocus="true" class="title">招聘/求职</a>
						<a href="/list.html" hidefocus="true" class="more">More.</a>
					</h3>
					<ul class="list">
						<li>
							<a href="" hidefocus="true">[北京] 招聘肚皮舞表演。</a>
						</li>
						<li>
							<a href="" hidefocus="true">[上海] 想找一个爵士舞的工作。</a>
						</li>
						<li>
							<a href="" hidefocus="true">[上海] 我是不是应该学习一下瑜伽？</a>
						</li>
						<li>
							<a href="" hidefocus="true">[深圳] 高薪诚聘肚皮舞教练~月薪5K-8K。</a>
						</li>
					</ul>
				</div>
				<!-- 招聘信息 end -->
			</div>
			<!-- 右侧内容 end -->
		</div>
		<!-- 整体内容 end -->
		<!-- footer begin -->
		<footer class="footer"></footer>
		<!-- footer end -->
		<!-- yahoo player begin -->
		<script type="text/javascript" src="http://webplayer.yahooapis.com/player.js"></script>
		<!-- yahoo player end -->
	</body>

</html>